<!doctype html>
<html>
<head>
<include file="public:headtop" />
    <link rel="stylesheet" href="/static/css/general.css"/>
<link href="/static/css/homePage.css" rel="stylesheet">
<link href="/static/css/animate .css" rel="stylesheet">
    <link rel="stylesheet" href="/static/assets/swiper.min.css"/>
<script src="/static/js/homePage.js"></script>
    <style>
        .swiper-container {
            width: 100%;
        }

        .swiper-hot {
            /*height: 120px;*/
            margin: 15px auto 15px;
        }

        .list-img {
            overflow-y: hidden;
            height: 0;
            padding-bottom: 100%;
            position: relative;
            /*border: 1px solid #d8d8d8;*/
        }

        .list-img > img, .swiper-slide img {
            width: 100%;
        }

        .swiper-hot .swiper-slide + .swiper-slide .list-img {
            border-left: 1px solid #d8d8d8;
        }

        .swiper-hot .swiper-slide {
            text-align: center;
        }

        .swiper-hot a > p {
            color: #333;
            font-size: 12px;
        }

        .swiper-full-slide .swiper-pagination {
            text-align: right;
            padding-right: 20px;
        }

    </style>
</head>

<body>
	<include file="public:headmini1" />
	<!-- 焦点图 -->

    <div class="swiper-container swiper-full-slide">
        <div class="swiper-wrapper">
            <volist name="ad" id="item">
                <div class="swiper-slide">
                    <a href="{$item.url|default='javascript:;'}">
                        <img src="data/upload/advert/{$item.content}" />
                    </a>
                </div>
            </volist>
        </div>
        <div class="swiper-pagination"></div>
    </div>


    <div class="centen">
    	<ul>
        	<li class="li01">
				<a href="{:U('book/select')}">
					<div class="img-box"><img src="/static/images/img17.png" alt="一键下单"></div>  
					<p>一键下单</p>
				</a>
            </li>
            <li class="li02">
				<a href="{:U('book/index', array('sort'=>'new'))}">
					 <div class="img-box"><img src="/static/images/img07.png" alt="最新促销"></div> 
					 <p>最新促销</p>
				 </a>
            </li>
            <li class="li06">
                <a href="tel:{$tel}">
                    <div class="img-box"><img src="/static/images/img15.png" alt="联系客服"></div> 
                    <p>优惠码申请</p>
                </a>
            </li>
            <!-- <li class="li03">
				<a href="{:U('User/yaoqing')}">
					 <div class="img-box"><img src="/static/images/img09.png" alt="邀请加入"></div> 
					 <p>邀请加入</p>
				</a>
            </li> -->
            <!-- <li class="li04">
				<a href="{:U('User/order')}">
					 <div class="img-box"><img src="/static/images/img11.png" alt="我的订单"></div> 
					 <p>我的订单</p>
				 </a>
            </li> -->
           <!--  <li class="li05">
				<a href="{:U('Index/calc')}">
					 <div class="img-box"><img src="/static/images/img13.png" alt="奖励收入"></div> 
					 <p>奖励收入</p>
				</a>
            </li> -->
            
        </ul>
        <div class="bg-box02">
        	<img src="/static/images/img02.png" alt="icon">
        </div>
    </div>
    <div class="hot-box">
    	<div class="hot">
            <a href="{:U('book/index', array('sort'=>'hot'))}" class="more pull-right">更多商品></a>
            <span>HOT热卖推荐</span>
        </div>
        <div class="swiper-container swiper-hot">
            <div class="swiper-wrapper">
                <volist name="hots" id="item">
                    <div class="swiper-slide">
                        <a href="{:U('Item/index',array('id'=>$item['id']))}">
                            <div class="list-img">
                                <div class="g-tags">
                                    <if condition="$item.hot == 1">
                                        <span class="tag">热卖</span>
                                    </if>
                                    <if condition="$item.new == 1">
                                        <span class="tag">新品</span>
                                    </if>
                                </div>
                                <img src="{$item.img}" alt="{$item.title}">
                            </div>
                            <p>{$item.fbt}</p>
                        </a>
                    </div>
                </volist>
            </div>
        </div>
    </div>

    <script src="/static/assets/swiper.min.js"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-hot', {
            slidesPerView: 3,
            spaceBetween: 0,
            freeMode: true
        });

        new Swiper('.swiper-full-slide', {
            pagination: '.swiper-pagination'
        })

	</script>
</body>
</html>